<style>
    #selectDay{
        display: none;
        padding-top: 10px;
    }
    #selectDay p{margin-bottom: 10px;padding-left: 15px}

</style>
<section class="content">
    <div class="search">
        <form role="form">
            <div class="row">
                <div class="col-xs-3 col-md-4">
                    <div class="form-group">
                        <div class="date-box">
                            <div class="input-group">
                                <div class="input-group-addon">
                                    <i class="fa fa-calendar"></i>
                                </div>
                                <input type="text" ng-model="expertModel.startTimeRange"
                                       class="form-control pull-right date-picker timerange" placeholder="开始时间" >
                                <span class="line">-</span>
                                <input type="text" ng-model="expertModel.endTimeRange"
                                       class="form-control pull-right date-picker timerange" placeholder="结束时间"  >
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-1 col-md-2">
                    <div class="form-group" >
                        <input type="text" class="form-control" placeholder="用户姓名" ng-model="expertModel.userName">
                    </div>
                </div>
                <div class="col-xs-1 col-md-2">
                    <div class="form-group">
                        <select class="form-control" ng-model="expertModel.reservationStatus">
                            <option value="">全部</option>
                            <option value="1">已完成</option>
                            <option value="0">已预约</option>
                            <option value="2">已取消</option>
                            <option value="3">已评价</option>
                        </select>
                    </div>
                </div>
                <div class="col-xs-1">
                    <input type="button" class="btn-primary btn" value="查询" ng-click="getExpertList(1)">
                </div>
                <div class="col-xs-1">
                    <input type="reset" class="btn-primary btn" value="重置" ng-click="reset()">
                </div>
                <div class="col-xs-1">
                    <input type="button" class="btn-default btn" value="导出" ng-click="expertExcel()">
                </div>

            </div>
        </form>
    </div>
    <div class="table-box">
        <table class="table table-bordered">
            <thead>
            <tr>
                <th>订单号</th>
                <th>下单时间</th>
                <th>用户姓名</th>
                <th>联系电话</th>
                <th>预约专家</th>
                <th>预约号数</th>
                <th>当前预约状态</th>
                <th>预约时段</th>
                <th>地点</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="n in expertList">
                <td>{{n.orderNo}}</td>
                <td>{{n.orderTime}}</td>
                <td>{{n.userName}}</td>
                <td>{{n.cellPhone}}</td>
                <td>{{n.doctorName}}</td>
                <td>{{n.seqNum}}</td>
                <td>
                    <span ng-if="n.reservationStatus=='0'">已预约</span>
                    <span ng-if="n.reservationStatus=='1'">已完成</span>
                    <span ng-if="n.reservationStatus=='2'">已取消</span>
                    <span ng-if="n.reservationStatus=='3'">已评价</span>
                </td>
                <td>{{n.expectTime}}</td>
                <td>{{n.addressName}}</td>
                <td>
                    <a href="javascript:;" ng-click="conversation($event)" data-detail="{{n}}">通话</a> |
                    <a href="javascript:;" ng-click="reconversation($event)" ng-if="n.reservationStatus=='0'" data-detail="{{n}}">预约</a>
                    <span ng-if="n.reservationStatus!='0'">预约</span>
                </td>
            </tr>
            <tr ng-if="expertList.length<=0">
                <td colspan="10" class="text-center">暂无数据！</td>
            </tr>

            </tbody>
        </table>
        <div class="page-function" ng-if="expertList.length>0"></div>
    </div>
    <!--重新预约-->
    <div id="selectDay">
        <p>确定时间：</p>
        <div class="col-xs-5">
            <input type="text" class="form-control date-picker timerange"  ng-model="dateStr" ng-change="setDay()">
        </div>
        <div class="col-xs-5">
            <select  class="form-control" name="p">
                <option value="0">{{day}} 上午</option>
                <option value="1">{{day}} 下午</option>
                <option value="2">{{day}} 晚上</option>
            </select>
        </div>
    </div>
    
</section>